<template>
	<view class="backContent">
		<!-- 古法取名 -->
		<view class="titleList">
			<img src="https://s1.ax1x.com/2022/05/27/XerlIH.png" alt="">
			<h2>按笔画含义取名</h2>
			<view class="tipList" v-for="i in list">
				<span>{{i.content}}</span>
			</view>
		</view>
		<view class="titleList">
			<h2>按五音十二韵取名</h2>
			<view class="tipList" v-for="i in list1">
				<span>{{i.content}}</span>
			</view>
		</view>
		<view class="minTip">
			本站所有内容，来源于古书或互联网，非科学的研究结果，仅供网友娱乐参考。
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[{content:"尾数3、8画的字五行属木"},{content:"尾数2、7画的字五行属火"},{content:"尾数5、0画的字五行属土"},{content:"尾数4、9画的字五行属金"},{content:"尾数1、6画的字五行属水"}],
				list1:[{content:"g k h——属木"},{content:"z c s d t n l j q——属火"},{content:"a o e ie ai ei ao ou an en ang eng er in——属土"},{content:"x zh ch sh r i——属金"},{content:"b p m f v u y w——属水"}]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.minTip{
		text-align: center;
		background-color: rgba(227, 227, 227, 0.5);
		color: rgba(0,0,0,0.5);
	}
	img{
		width: 100%;
	}
	.tipList{
		padding: 10px 0px 0px 20px;
	}
	.titleList{
		margin: 10px;
	}
	.backContent{
		background-color: antiquewhite;
	}
</style>
